<template>
    <div class="recruit">
        <div class="headTitle">
            <div class="inner">
                <h6>recruit</h6>
                <h1>人才招募</h1>
                <p>加入我们，我们的福利待遇很优越！</p>
            </div>
        </div>
        <div class="container">
            <swiper :options="swiperOption" ref="mySwiper">
                <swiper-slide>
                    <div class="slider-inner">
                        <div class="title">SLAM算法工程师</div>
                        <div class="detail">
                            <div class="list">
                                <p>薪资范围：15K-22K</p>
                                <p>基本要求：年龄26-35，性别不限</p>
                            </div>
                            <div class="list">
                                <p>岗位职责：</p>
                                <p>1. 负责机器人的定位算法研发；</p>
                                <p>2. 负责机器人自主导航地图（视觉地图、网格地图、拓扑地图等）的构建； </p>
                                <p>3. 负责机器人的姿态控制、碰撞检测等功能的研发；</p>
                                <p>4. 负责算法的工程化及推动后续产品化。</p>
                            </div>
                            <div class="list">
                                <p>任职要求：</p>
                                <p>1. 本科以上学历，3年以上工作经验，具有计算机、数学、电子信息、自动 化等相关专业背景；</p>
                                <p>2. 熟悉 CCpython，具有 linux 和 ROS 相关开发经验； </p>
                                <p>3. 熟悉至少两种经典 SLAM 算法，掌握 SLAM 基础理论和算法；</p>
                                <p>4. 熟悉激光雷达的使用和数据分析；熟悉视觉SLAM算法或基于激光雷达的SLAM算法；</p>
                                <p>5. 具有较强的代码能力和解决实际问题的能力；</p>
                                <p>6. 满足以下至少一项条件者优先：</p>
                                <p>(1) 具有机器人相关项目经验； </p>
                                <p>(2) 具有机器人相关项目经验； </p>
                                <p>(3) 熟悉掌握至少一种非线性优化库；</p>
                            </div>
                            <div class="list">
                                <p>请发送简历至邮箱：hr@banana.com</p>
                            </div>
                        </div>
                    </div>
                </swiper-slide>
                <swiper-slide>
                    <div class="slider-inner">
                        <div class="title">python后端开发</div>
                        <div class="detail">
                            <div class="list">
                                <p>薪资范围：8-15k</p>
                            </div>
                            <div class="list">
                                <p>岗位职责：</p>
                                <p>1. 负责python后端开发；</p>
                                <p>2. 负责应用功能设计和方案讨论； 负责功能开发与代码维护，完善开发接口文档； </p>
                                <p>3. 负责产品安装与部署，协助测试，修复产品缺陷列表；</p>
                            </div>
                            <div class="list">
                                <p>任职要求：</p>
                                <p>1. 本科以上学历，计算机、自动化、电子、通信等相关专业毕业；</p>
                                <p>2. 熟练使用python 有1~3年的Python Web Service 项目开发经验；</p>
                                <p>3. 熟悉Django或Tornado、Flask等主流框架，能够进行快速开发；</p>
                                <p>4. 熟练使用MySQL、Redis及消息队列；</p>
                                <p>5. 熟悉Linux操作系统，熟练使用Linux Shell；</p>
                                <p>6. 具备较强的业务理解能力，代码质量意识强，有很强责任心和团队意识，具备良好的创新能力和执行力；</p>
                            </div>
                            <div class="list">
                                <p>请发送简历至邮箱：hr@banana.com</p>
                            </div>
                        </div>
                    </div>
                </swiper-slide>
                <swiper-slide>
                    <div class="slider-inner">
                        <div class="title">ROS软件开发工程师</div>
                        <div class="detail">
                            <div class="list">
                                <p>薪资范围：10-20k</p>
                            </div>
                            <div class="list">
                                <p>岗位职责：</p>
                                <p>1. Linux平台软件开发，ROS功能包编写、集成、调试、测试；</p>
                                <p>2. ROS语音控制调试，框架、性能、系统优化；</p>
                                <p>3. 机器人视觉开发；</p>
                            </div>
                            <div class="list">
                                <p>任职要求：</p>
                                <p>1. 本科以上学历，计算机、自动化、电子、通信等相关专业毕业；</p>
                                <p>2. 熟悉开源机器人系统ROS、python，熟悉Linux；</p>
                                <p>3. 精通C++编程语言；</p>
                                <p>4. 熟悉OpenCV、机器人视觉；</p>
                                <p>5. 使用过深度学习算法开发优先；</p>
                            </div>
                            <div class="list">
                                <p>请发送简历至邮箱：hr@banana.com</p>
                            </div>
                        </div>
                    </div>
                </swiper-slide>
                <swiper-slide>
                    <div class="slider-inner">
                        <div class="title">视觉导航算法工程师</div>
                        <div class="detail">
                            <div class="list">
                                <p>薪资范围：13-25K</p>
                            </div>
                            <div class="list">
                                <p>岗位职责：</p>
                                <p>1. 研发视觉导航中使用到的特征提取算法和匹配算法；</p>
                                <p>2. 基于单目和双目的视觉定位算法和三维场景地图的生成；</p>
                                <p>3. 研究机器人在三维地图中的导航避障算法；</p>
                                <p>4. 整理与收集人视觉导航方面的前沿与热点方向；</p>
                                <p>5. 撰写相关技术文档；</p>
                            </div>
                            <div class="list">
                                <p>任职要求：</p>
                                <p>1. 本科以上学历，自动化、计算机等相关专业； </p>
                                <p>2. 精通C/C++，熟悉OpenCV相关算法模块； </p>
                                <p>3. 熟悉ros和linux开发；</p>
                                <p>4. 熟悉视觉SLAM等主流算法，复现过相关算法；</p>
                                <p>5. 熟悉多传感器融合框架和组合导航算法优先；</p>
                            </div>
                            <div class="list">
                                <p>请发送简历至邮箱：hr@banana.com</p>
                            </div>
                        </div>
                    </div>
                </swiper-slide>
                <swiper-slide>
                    <div class="slider-inner">
                        <div class="title">机器视觉/运动控制研发工程师</div>
                        <div class="detail">
                            <div class="list">
                                <p>薪资范围：13-25K</p>
                            </div>
                            <div class="list">
                                <p>岗位职责：</p>
                                <p>1. 从事机器人人脸检测与识别方向的研究与应用；</p>
                                <p>2. 基于机器视觉的技术解决方案，完成图像处理、分析算法、运动控制的系统设计；</p>
                                <p>3. 负责视觉程序编写，并主导完成机器视觉应用系统的集成开发工作；</p>
                                <p>4. 整理与收集人脸检测识别方面的前沿与热点方向；</p>
                                <p>5. 撰写相关技术文档；</p>
                            </div>
                            <div class="list">
                                <p>任职要求：</p>
                                <p>1. 配本科以上学历，自动化、计算机等相关专业；</p>
                                <p>2. 精通C/C++，熟悉OpenCV相关图像算法模块；</p>
                                <p>3. 熟悉caffe、TensorFlow等深度学习工具；</p>
                                <p>4. 熟悉机器视觉及运动控制在服务机器人领域的应用；</p>
                                <p>5. 能够顺畅地读写英文论文和文档；</p>
                                <p>6. 熟悉机器视觉镜头、光源、相机的特点和选型；</p>
                                <p>7. 熟悉人体检测、人脸识别、人腿跟踪、表情识别等主流算法，复现过相关算法；</p>
                            </div>
                            <div class="list">
                                <p>请发送简历至邮箱：hr@banana.com</p>
                            </div>
                        </div>
                    </div>
                </swiper-slide>
                <swiper-slide>
                    <div class="slider-inner">
                        <div class="title">机器人产品经理</div>
                        <div class="detail">
                            <div class="list">
                                <p>薪资范围：15-20K</p>
                            </div>
                            <div class="list">
                                <p>岗位职责：</p>
                                <p>1. 研究消费级线机器人产品方向，参与制定产品规划和发展策略；</p>
                                <p>2. 全面负责具体产品的整个生命周期，从概念到发布的完整用户体验；</p>
                                <p>3. 深入研究市场和用户需求，不断提升产品的用户体验；</p>
                                <p>4. 分析项目、用户需求，分析竞争对手动态和市场动态，规划产品路线图，提出产品需求或改进意见；</p>
                                <p>5. 负责新产品/功能的概念设计和原型展示，跨部门/小组协调和沟通，推动结构、算法、软件、App等人员紧密合作达成产品目标；</p>
                                <p>6. 与项目组紧密配合，协调研发、测试、运营、市场等接口部门，推动新产品的研发与运营；</p>
                                <p>7. 追求极致的用户体验，注重数据驱动，强烈的结果导向意识；</p>
                            </div>
                            <div class="list">
                                <p>任职要求：</p>
                                <p>1. 对消费级机器人及人工智能领域技术发展有热情和好奇心，对该领域产品创新有激情和兴趣；</p>
                                <p>2. 擅长通过用户调研、数据分析进行产品规划,熟悉产品管理、开发的整个流程；</p>
                                <p>3. 对工作充满激情，具有强烈的创新精神，富于责任心，能承受工作压力；</p>
                                <p>4. 具有较强的的沟通能力及逻辑判断能力,善于倾听总结用户和客户声音；</p>
                                <p>5. 3年以上产品经理经验（机器人学相关领域）；</p>
                                <p>6. 有过机器人产品完整开发周期经验；</p>
                            </div>
                            <div class="list">
                                <p>请发送简历至邮箱：hr@banana.com</p>
                            </div>
                        </div>
                    </div>
                </swiper-slide>
                <div class="swiper-button-prev" slot="button-prev"></div>
                <div class="swiper-button-next" slot="button-next"></div>
            </swiper>
        </div>
        <div class="footer">
            <div class="container">
                <div class="flex-grow">
                    <div class="flex-item">
                        <div class="title">联系我们</div>
                        <div class="list">
                            <div><i></i>400-886-9196</div>
                            <div><i></i>广东省深圳市南山区侨香路智慧广场A座1103</div>
                        </div>
                    </div>
                    <div class="flex-item">
                        <div class="title">合作伙伴</div>
                        <div class="list">
                            <a href="http://www.iwo.com/" target="_blank">互联工场</a>
                            <a href="https://www.sustech.edu.cn/" target="_blank">南方科技大学</a>
                            <a href="http://www.hit.edu.cn/" target="_blank">哈尔滨工业大学</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="rights">© 2017-2019 <a href="https://www.banana.com/"> www.banana.com</a>  / 粤ICP备18013592号 / all rights reserved. Powered by 香蕉智能</div>
        </div>
    </div>
</template>

<script>
import 'swiper/dist/css/swiper.css'
import { swiper, swiperSlide } from 'vue-awesome-swiper'
export default {
    name: 'recruit',
    components: {
        swiper,
        swiperSlide
    },
    data() {
        return {
            swiperOption: {
                navigation: {
                    nextEl: '.swiper-button-next',
                    prevEl: '.swiper-button-prev'
                }
            }
        }
    },
    computed: {
        swiper() {
            return this.$refs.mySwiper.swiper
        }
    },
    mounted() {
        
    }
}
</script>

<style lang="less" scoped>
.recruit{
    overflow: hidden;
    position: relative;

    width: 100%;
    min-height: 100vh;
    background: url(../images/recruit-bg.png) no-repeat center center;
    background-size: cover;
    .headTitle{
        margin:30px auto;
    }
    .container{
        padding-bottom:100px;
        .swiper-button-prev{
            outline: 0 none;
            width:100px;
            height:100px;
            background:url(../images/arrow-right.png) no-repeat 0 0;
            background-size: 100% 100%;
            transform: rotateY(180deg); 
        }
        .swiper-button-next{
            outline: 0 none;
            width:100px;
            height:100px;
            background:url(../images/arrow-right.png) no-repeat 0 0;
            background-size: 100% 100%;
        }
        .slider-inner{
            max-width:100%;
            width:750px;
            height:400px;
            background:rgba(0,0,0,.6);
            border-radius:10px;
            margin:0 auto;
            color:#fff;
            padding:30px 0;
            text-align: center;
            .title{
                display: inline-block;
                padding:0 15px;
                height:30px;
                color:#000000;
                background:#FFE500;
                line-height: 30px;
                border-radius: 3px;
            }
            .detail{
                height:300px;
                margin-left:70px;
                margin-right:20px;
                margin-top:20px;
                text-align: left;
                overflow-y: scroll;
                .list{
                    margin-top:35px;
                    padding-right:70px;
                }
                p{
                    line-height: 28px;
                }
                /*滚动条样式*/
                &::-webkit-scrollbar {/*滚动条整体样式*/
                    width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
                    height: 4px;
                    -ms-overflow-style:none;
                    overflow:-moz-scrollbars-none;
                }
                &::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
                    border-radius: 5px;
                    -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,1);
                    background: rgba(255,255,255,0.5);
                }
                &::-webkit-scrollbar-track {/*滚动条里面轨道*/
                    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
                    border-radius: 0;
                    background: rgba(0,0,0,0.2);
                }
            }
        }
    }
    .footer{
        color:#fff;
        background:rgba(0,0,0,7);
        position: absolute;
        left:0;
        right:0;
        bottom:0;
        .container{
            color:#fff;
            height:140px;
            .title{
                font-size:16px;
                padding:25px 0;
            }
            .list{
                div{
                    margin-bottom:10px;
                    i{
                        display: inline-block;
                        width:18px;
                        height:18px;
                        vertical-align: middle;
                        margin-right:10px;
                    }
                    &:first-child{
                        i{
                            background:url(../images/phone.png) no-repeat 0 0;
                            background-size: 100% 100%;
                        }
                    }
                    &:last-child{
                        i{
                            background:url(../images/address.png) no-repeat 0 0;
                            background-size: 100% 100%;
                        }
                    }
                }
                a{
                    margin-right:10px;
                }
            }
            a{
                color:#FBE308;
            }
        }
        .rights{
            border-top:1px solid #333333;
            height:60px;
            line-height: 60px;
            text-align: center;
            a{
                color:#FBE308;
                text-decoration: none;
            }
        }
    }
}
</style>
